<div class="background" style="height: 100%;"></div>
<div class="background">
    <div class="msgpage">
        <button class="backbutton" (click)="back()">back</button>
        <b class="title">留言板</b>
        <app-comment [ReadingMdFile]="fakeMdFile"></app-comment>
        <!--div class="msgdisplay">
            <p-scrollPanel [style]="{width: '100%', height: '600px'}" styleClass="custombar1">
                <div style="padding:1em;line-height:1.5">
                    <div *ngFor="let m of msgs">
                        <div class="piece" style="padding: 20px 30px">
                            <p>[ {{ m.date }} ]</p>
                            <div [innerHTML]="m.msg">
                            </div>
                        </div>
                    </div>
                </div>
            </p-scrollPanel>
        </div>
        <div class="submitmsg">
            <p-editor [(ngModel)]="msg" (scrollTop)="test($event)"
             [style]="{'height':'200px'}" placeholder="写点什么吧～～">
                <p-header>
                    <span class="ql-formats">
                        <button class="ql-bold" aria-label="Bold"></button>
                        <button class="ql-italic" aria-label="Italic"></button>
                        <button class="ql-underline" aria-label="Underline"></button>
                    </span>
                </p-header>
            </p-editor>
            <div class="buttonbox">
                <button pButton (click)="addMsg()" type="button" label="提交" icon="pi pi-check" style="margin-right: .25em"></button>
                <button pButton (click)="clean()" type="button" label="取消" icon="pi pi-times" class="ui-button-secondary"></button>    
            </div>
        </div-->
    </div>
</div>

